<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta charset="UTF-8">
    <title>峰尚视野</title>
    <!-- libs css-->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/tool.css">
    <!-- libs js -->
    <script src="../js/jquery-1.8.2.min.js"></script>
    <script src="../js/jquery.ba-hashchange.js"></script>
    <script src="../js/onePage.js"></script>
    <script src="../js/tool.js"></script>
    <script src="../js/base.js"></script>
    <!-- style -->
    <link rel="stylesheet" href="../style.css">
    <link rel="stylesheet" href="../css/media.css">
</head>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Static Background</title>
    <style>
        body {
            background-image: url('../images/shot.png'); /* 图像背景 */
            background-size: cover; /* 图像覆盖整个背景 */
            background-repeat: no-repeat; /* 图像不重复 */
            background-position: center; /* 图像居中 */
            height: 100vh; /* 设置高度为视口高度 */
            margin: 0; /* 移除默认边距 */
            color: black; /* 文字颜色 */
        }
    </style>
</head>

<body>
<!-- 头部 -->
<div class="header">
    <div class="container header-all phone">
        <div class="logo"><img src="images/logo.png"/></div>
        <div class="phone-show" id="phone-show">
            <div></div>
            <div></div>
            <div></div>
        </div>
        <ul class="nav" id="header-nav">
            <li><a href="../index.html" class=""><i class="iconfont">&#xe6cb;</i>首页</a></li>
            <li>
                <a href="../blog_write.html" class=""><i class="iconfont">&#xe690;</i>创作文章</a>
            </li>
        </ul>
    </div>
</div>
<t></t>
<!-- 搜索 -->
<div class="panel-sou container" id="panel-sou">
    <form action=""><input type="text" placeholder="请输入需要搜索的内容" name="p"><button class="btn btn-info">搜索</button></form>
</div>
<!-- 内容 -->
<div class="content container" data-content>
    <!-- 一级 -->
    
    <!-- 二级 -->
    <div class="love2" id="list-2">
        <div class="left" id="list-left">
            <ul class="list row list-hen">
                <li class="title title-lv">
                    <span class="badge badge-secondary">New</span>最新文章<label>热门的文章副标题，当然也可以是公告！</label>
                </li>